<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>趣学网</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index.html"><img src="../img/logo1.jpg"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl">
							<a href="login.html" id="login">登录</a>
							<a href="reg.html" id="reg">注册</a>
						</p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="热门搜索：h5教程" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="mygxin.html"><img src="../img/grzx.png"/></a>
							<a href="#" class="er1"><img src="../img/ewm.png"/></a>
							<a href="cart.html"><img src="../img/gwc.png"/></a>
							<p><a href="#"><img src="../img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="#">所有课程</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a href="flowerDer.html">
									<dl>
										<dt><img src="../img/nav1.jpg"/></dt>
										<dd>html</dd>
									</dl>
								</a>
								<a href="decoration.html">
									<dl>
										<dt><img src="../img/nav2.jpg"/></dt>
										<dd>css</dd>
									</dl>
								</a>
								<a href="paint.html">
									<dl>
										<dt><img src="../img/nav3.jpg"/></dt>
										<dd>JavaScript</dd>
									</dl>
								</a>
								<a href="perfume.html">
									<dl>
										<dt><img src="../img/nav6.jpg"/></dt>
										<dd>jQuery</dd>
									</dl>
								</a>
								<a href="idea.html">
									<dl>
										<dt><img src="../img/nav7.jpg"/></dt>
										<dd>MySQL</dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li>
						<a href="flowerDer.html">html</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="proList.html">标签</a>
								<a href="vase_proList.html">样式</a>
							</div>
						</div>
					</li>
					<li>
						<a href="decoration.html">css</a>
						<div class="sList2">
							<div class="clearfix">
								<a href="zbproList.html">sass</a>
								<a href="bzproList.html">less</a>
							</div>
						</div>
					</li>
					<li><a href="paint.html">PHP</a></li>
					<li><a href="perfume.html">C++</a></li>
					<li><a href="idea.html">JAVA</a></li>
				</ul>
			</div>
		</div>
		<!--<div>-->
			<!--<iframe align="center" width="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" src="header.html" frameborder="0"></iframe>-->
		<!--</div>-->
		<!-------------------------banner--------------------------->
		<div class="block_home_slider">
			<div id="home_slider" class="flexslider">
				<ul class="slides">
					<li>
						<div class="slide">
							<img src="../img/banner2.jpg"/>
						</div>
					</li>
					<li>
						<div class="slide">
							<img src="../img/banner1.jpg"/>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<!------------------------------thImg------------------------------>
		<div class="thImg">
			<div class="clearfix">
				<a href="vase_proList.html"><img src="../img/i1.jpg"/></a>
				<a href="proList.html"><img src="../img/i2.jpg"/></a>
				<a href="#2"><img src="../img/i3.jpg"/></a>
			</div>
		</div>
		
		<!------------------------------news------------------------------>
		<div class="news">
			<div class="wrapper">
				<!--<h2><img src="img/ih1.jpg"/></h2>-->
				<!--<div class="top clearfix">-->
					<!--<a href="proDetail.html"><img src="img/n1.jpg"/><p></p></a>-->
					<!--<a href="proDetail.html"><img src="img/n2.jpg"/><p></p></a>-->
					<!--<a href="proDetail.html"><img src="img/n3.jpg"/><p></p></a>-->
				<!--</div>-->
				<!--<div class="bott clearfix">-->
					<!--<a href="proDetail.html"><img src="img/n4.jpg"/><p></p></a>-->
					<!--<a href="proDetail.html"><img src="img/n5.jpg"/><p></p></a>-->
					<!--<a href="proDetail.html"><img src="img/n6.jpg"/><p></p></a>-->
				<!--</div>-->
				<!--<h2><img src="img/ih2.jpg"/></h2>-->
				<div class="flower clearfix tran">
					<a href="proDetail.html" class="clearfix">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<video width="340" height="340" src="../i/movie.ogg" controls="controls"></video>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>html入学教程</dd>
							<dd><span>观看</span></dd>
						</dl>
					</a>
					<a href="proDetail.html">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<video width="340" height="340" src="../i/movie.ogg" controls="controls"></video>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>html入学教程</dd>
							<dd><span>观看</span></dd>
						</dl>
					</a>
					<a href="proDetail.html">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<video width="340" height="340" src="../i/movie.ogg" controls="controls"></video>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>html入学教程</dd>
							<dd><span>观看</span></dd>
						</dl>
					</a>
				</div>
				<div class="flower clearfix tran">
					<a href="../i/JavaScript.txt" download="JavaScript">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<img src="../img/flo4.jpg"/>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>JavaScript教程</dd>
							<dd><span>下载</span></dd>
						</dl>
					</a>
					<a href="../i/JavaScript.txt" download="JavaScript">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<img src="../img/flo4.jpg"/>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>JavaScript教程</dd>
							<dd><span>下载</span></dd>
						</dl>
					</a>
					<a href="../i/JavaScript.txt" download="JavaScript">
						<dl>
							<dt>
								<!--<span class="abl"></span>-->
								<img src="../img/flo4.jpg"/>
								<!--<span class="abr"></span>-->
							</dt>
							<dd>JavaScript教程</dd>
							<dd><span>下载</span></dd>
						</dl>
					</a>
				</div>
			</div>
		</div>
		
		<!------------------------------ad------------------------------>
		<!--<a href="#" class="ad"><img src="img/ib1.jpg"/></a>-->
		
		<!------------------------------people------------------------------>
		<!--<div class="people">-->
			<!--<div class="wrapper">-->
				<!--<h2><img src="img/ih3.jpg"/></h2>-->
				<!--<div class="pList clearfix tran">-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s7.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】不锈钢壁饰墙饰软装</dd>-->
							<!--<dd><span>￥688.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s10.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】小城动物木板画壁挂北欧</dd>-->
							<!--<dd><span>￥188.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s4.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】玄关假山水壁饰背景墙饰挂件创意</dd>-->
							<!--<dd><span>￥599.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s9.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】金属树枝壁饰铜鸟装饰品</dd>-->
							<!--<dd><span>￥928.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
				<!--</div>-->
				<!--<div class="pList clearfix tran">-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s6.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】金属壁饰创意背景墙面挂件创意</dd>-->
							<!--<dd><span>￥228.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s8.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】小城动物木板画壁挂北欧</dd>-->
							<!--<dd><span>￥199.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s12.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】欧式复古挂钟创意餐厅钟表家居挂件</dd>-->
							<!--<dd><span>￥666.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s1.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】客厅地中海欧式现代相片墙创意</dd>-->
							<!--<dd><span>￥59.80</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
				<!--</div>-->
				<!--<div class="pList clearfix tran">-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s5.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】铁艺荷叶壁挂软装背景墙上装饰品</dd>-->
							<!--<dd><span>￥800.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s3.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】欧式照片墙 创意组合结婚礼物</dd>-->
							<!--<dd><span>￥189.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s2.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】欧式钟表相框墙挂墙创意组合</dd>-->
							<!--<dd><span>￥148.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
					<!--<a href="proDetail.html">-->
						<!--<dl>-->
							<!--<dt>-->
								<!--<span class="abl"></span>-->
								<!--<img src="img/s11.jpg"/>-->
								<!--<span class="abr"></span>-->
							<!--</dt>-->
							<!--<dd>【最家】小城动物木板画壁挂北欧</dd>-->
							<!--<dd><span>￥188.00</span></dd>-->
						<!--</dl>-->
					<!--</a>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart.html">
			<dl>
				<dt><img src="../img/gt1.png"/></dt>
				<dd>订购<br />课程</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="../img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin.html">
			<dl>
				<dt><img src="../img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none">
			<dl>
				<dt><img src="../img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		
		<!-------------------login-------------------------->
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../img/foot1.png"/></a>
						<span class="fl">7天入门html</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../img/foot2.png"/></a>
						<span class="fl">15上手JavaScript</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../img/foot3.png"/></a>
						<span class="fl">教程书本</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../img/foot4.png"/></a>
						<span class="fl">自由评论</span>
					</div>
				</div>
			</div>
			<p class="dibu">趣学网&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$('#home_slider').flexslider({
					animation: 'slide',
					controlNav: true,
					directionNav: true,
					animationLoop: true,
					slideshow: true,
					slideshowSpeed:2000,
					useCSS: false
				});

			});
		</script>
		
		
	</body>
</html>
